@charset "gb2312";
/* CSS Document */

.indexProduct { position:relative; width:1140px;  margin:0 0 50px 0; }


.indexProduct .product {
	overflow:hidden;
	*position:relative; 	
	width:1140px;
	height:357px;
}
.indexProduct .product .list { overflow:hidden; width:999999px; height:357px; }
.indexProduct .product .list li {
	display:block;
	float:left;
	overflow:hidden;
	position:relative;
	width:280px;
	height:357px;
	margin:0 5px;
	background-image: url(/img/x1.png);
}
.indexProduct .product .list li a,
.indexProduct .product .list li a:visited,
.indexProduct .product .list li a:hover,
.indexProduct .product .list li a:active { display:block; overflow:hidden; cursor:pointer; width:280px; height:357px; text-decoration:none; }
.indexProduct .product .list li .mask { overflow:hidden; position:absolute; left:0; top:0; z-index:1; width:280px; height:357px; background:url(/img/x1.png); text-indent:-9999px; }
.indexProduct .product .list li .zoom { display:none; overflow:hidden; position:absolute; left:0; top:0; z-index:2; width:280px; height:357px; background:url(/img/gg.png) }
.indexProduct .product .list li .cover { overflow:hidden; width:282px; height:222px; margin:auto }
.indexProduct .product .list li .cover img { display:block; width:262px; height:202px;margin:auto }

.indexProduct .product .list li .titleEn1 {
	display:block;
	overflow:hidden;
	line-height:30px;
	color:#ff6600;
	margin-top:30px;
	text-align:center;
	background-color: #ebf3f9;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.indexProduct .product .list li .titleEn2 {
	display:block;
	overflow:hidden;
	line-height:30px;
	color:#ff6600;
	text-align:center;
	background-color: #ebf3f9;
	font-size: 16px;
	font-weight: bold;
	font-family: "΢ÈíÑźÚ";
}
.indexProduct .product .list li .titleEn {
	display:block;
	overflow:hidden;
	line-height:30px;
	color:#000000;
	text-align:center;
	background-color: #ebf3f9;
	font-size: 16px;
	font-weight: bold;
	font-family: "΢ÈíÑźÚ";
}


.indexProduct .product .list li:hover .zoom { display:block; }

.indexProduct .prev { overflow:hidden; position:absolute; right:80px; top:100px; z-index:9; cursor:pointer; width:20px; height:40px; background:url(/img/sprite.png) -280px 0 no-repeat; text-indent:-999px; }
.indexProduct .prev:hover { background-position:-310px 0; }


.indexProduct .next { overflow:hidden; position:absolute; right:40px; top:100px; z-index:9; cursor:pointer; width:20px; height:40px; background:url(/img/sprite.png) -280px -50px no-repeat; text-indent:-999px; }


.indexProduct .next:hover { background-position:-310px -50px; }
.indexProduct .more,
.indexProduct .more:visited,
.indexProduct .more:hover,
.indexProduct .more:active { overflow:hidden; position:absolute; left:50%; bottom:0; z-index:9; width:180px; height:40px; margin:0 0 0 -90px; background:url(/img/sprite.png) -340px 0 no-repeat; text-indent:-9999px; }
.indexProduct .more:hover { background-position:-340px -50px; }
















.indexNews {
	display:block;
	float:left;
	overflow:hidden;
	width:320px;
	margin-top: 0;
	margin-right:30px;
	
	margin-bottom: 60px;
	margin-left:20px;
}
.indexNews .header {
	overflow:hidden;
	position:relative;
	width:320px;
	height:26px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 24px;
	
}
.indexNews .header .title { display:block; overflow:hidden; height:26px; padding:0 0 0 30px; background:url(/img/ico.png) 0 -497px no-repeat; }
.indexNews .header .ff  {
	margin:0 10px 0 0;
	font-family:Microsoft YaHei;
	font-size:20px;
	line-height:26px;
	color:#333;
	vertical-align:baseline;
	background-image: url(/img/xx.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 208px;
}
.indexNews .header .title .en { font-size:14px; line-height:26px; color:#999; }
.indexNews .header .more,
.indexNews .header .more:visited,
.indexNews .header .more:hover,
.indexNews .header .more:active { overflow:hidden; position:absolute; right:0; top:0; z-index:9; line-height:26px; color:#AAA; text-decoration:none; text-transform:uppercase; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexNews .news { overflow:hidden; }
.indexNews .news .list { overflow:hidden; }
.indexNews .news .list li { overflow:hidden; margin:0 0 50px 0; }
.indexNews .news .list li a,
.indexNews .news .list li a:visited,
.indexNews .news .list li a:hover,
.indexNews .news .list li a:active { display:block; overflow:hidden; cursor:pointer; width:400px; height:90px; text-decoration:none; }
.indexNews .news .list li .cover { display:block; float:left; overflow:hidden; width:115px; height:90px; margin:0 20px 0 0; }
.indexNews .news .list li .cover img { display:block; width:115px; height:70px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexNews .news .list li .article { display:block; float:left; overflow:hidden; position:relative; width:240px; }
.indexNews .news .list li .article .date { display:block; overflow:hidden; width:80px; height:20px; margin:0 0 5px 0; background:#8A8787; line-height:20px; color:#FFF; text-align:center; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexNews .news .list li .article .detail { display:block; overflow:hidden; line-height:20px; color:#666; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexNews .news .list li .article .new { overflow:hidden; position:absolute; left:90px; top:0; z-index:9; width:34px; height:20px; background:url(/img/new.gif) 0 0 no-repeat; text-indent:-9999px; }
.indexNews .news .list li:hover .cover img { opacity:0.8; filter:Alpha(opacity=80); }
.indexNews .news .list li:hover .article .date { background:#A19F9F; }
.indexNews .news .list li:hover .article .detail { color:#999; }
.indexsp {
	display:block;
	float:left;
	overflow:hidden;
	width:562px;
	height:353px;
	padding-left:0px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 60px;
	margin-left: 0;
}


.indexNav {
	display:block;
	float:left;
	overflow:hidden;
	width:180px;
	margin:0 0 60px 0;
	background-color: #fff;
}
.indexNav .nav { overflow:hidden; }
.indexNav .nav a,
.indexNav .nav a:visited,
.indexNav .nav a:hover,
.indexNav .nav a:active {
	display:block;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	padding:12px 0 7px 60px;
	border-bottom:1px solid #DCDCDC;
	text-decoration:none;
	background-color: #FFF;
}
.indexNav .nav a .titleCh,
.indexNav .nav a:visited .titleCh,
.indexNav .nav a:hover .titleCh,
.indexNav .nav a:active .titleCh { display:block; overflow:hidden; font-family:Microsoft YaHei; font-size:14px; line-height:20px; color:#666; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexNav .nav a:hover .titleCh { color:#333; }
.indexNav .nav a .titleEn,
.indexNav .nav a:visited .titleEn,
.indexNav .nav a:hover .titleEn,
.indexNav .nav a:active .titleEn { display:block; overflow:hidden; line-height:20px; color:#BBB; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.indexNav .nav a .titleEn { color:#999; }
.indexNav .nav a .ico { overflow:hidden; position:absolute; left:15px; top:12px; z-index:9; width:30px; height:30px; background:url(/img/ico.png) 0 0 no-repeat; text-indent:-9999px; }
.indexNav .nav a .ico01,
.indexNav .nav a:visited .ico01,
.indexNav .nav a:hover .ico01,
.indexNav .nav a:active .ico01 { background-position:0 -600px; }
.indexNav .nav a:hover .ico01 { background-position:0 -650px; }
.indexNav .nav a .ico02,
.indexNav .nav a:visited .ico02,
.indexNav .nav a:hover .ico02,
.indexNav .nav a:active .ico02 { background-position:0 -700px; }
.indexNav .nav a:hover .ico02 { background-position:0 -750px; }
.indexNav .nav a .ico03,
.indexNav .nav a:visited .ico03,
.indexNav .nav a:hover .ico03,
.indexNav .nav a:active .ico03 { background-position:0 -800px; }
.indexNav .nav a:hover .ico03 { background-position:0 -850px; }
.indexNav .nav a .ico04,
.indexNav .nav a:visited .ico04,
.indexNav .nav a:hover .ico04,
.indexNav .nav a:active .ico04 { background-position:0 -900px; }
.indexNav .nav a:hover .ico04 { background-position:0 -950px; }